import React from 'react'
import { Breadcrumb } from 'antd';
import '../css/breadcrumb.css'
const menuItems = [
    {
      key: '1',
      label: (
        <a target="_self" rel="noopener noreferrer" href="http://localhost:5173/fan/list">
          水果类
        </a>
      ),
    },
    {
      key: '2',
      label: (
        <a target="_self" rel="noopener noreferrer" href="http://localhost:5173/fan/list">
          蔬菜类
        </a>
      ),
    },
    {
      key: '3',
      label: (
        <a target="_self" rel="noopener noreferrer" href="http://localhost:5173/fan/list">
          干果类
        </a>
      ),
    },
  ];


export default function breadcrumb() {
  return (
    <div className='breadcrumb'>
         <Breadcrumb
            items={[
            {
                title: <a href="http://localhost:5173/fan/index">首页</a>,
            },

            {
                title: <a href="">蔬菜类</a>,
                menu: {
                items: menuItems,
                },
            },
        
            ]}
        />
    </div>
  )
}
